[#escape x as (x)!?html]
<div class="col-sm-4 px-4 d-none d-lg-block">
  <h5 class="ml-2"><i class="far fa-newspaper text-primary"></i> 热点关注</h5>
  <div class="px-2 pb-2 mt-3">
    [@ZContentList orderBy='count.views_desc' count='10'; contents]
    [#list contents as content]
    <div class="mt-3 d-flex flex-row">
      <div>
        <span class="badge [#if content_index==0]badge-danger[#elseif content_index<=2]badge-warning text-white[#elseif content_index<=4]badge-primary[#else]badge-secondary[/#if]" style="width: 25px">${content_index+1}</span>
      </div>
      <div class="ml-2 text-truncate">
        [@ZUrl object=content class="common-link text-md-left"/]
      </div>
    </div>
    [/#list]
    [/@ZContentList]
  </div>

  <h5 class="ml-2"><i class="far fa-newspaper text-primary"></i> <a href="${base}/notice">通知公告</a></h5>
  <div class="px-2 pb-2 mt-3">
    [@ZNoticeList type='1' count='1'; notices]
      [#list notices as notice]
      <div class="mt-3 d-flex flex-row">
        <div>
          <span class="badge [#if notice_index==0]badge-danger[#elseif notice_index<=2]badge-warning text-white[#elseif notice_index<=4]badge-primary[#else]badge-secondary[/#if]" style="width: 25px">${notice_index+1}</span>
        </div>
        <div class="ml-2 text-truncate">
          <a href="${notice.url}"  class="common-link text-md-left"> ${notice.title!}</a>
        </div>
      </div>
      [/#list]
    [/@ZNoticeList]
  </div>
  <h5 class="mt-3 ml-2">
    <i class="fas fa-tags text-primary"></i>
    <a href="${base}/tag" class="text-reset text-decoration-none">Tags</a>
  </h5>
  <div class="px-3">
    [@ZTagList count='8';list] [#list list as tag]
    <a
      href="${base}/tag/${tag.id?c}"
      class="btn btn-secondary btn-sm btn-sm mt-2 ml-2"
      >${tag.tagName}</a
    >
    [/#list] [/@ZTagList]
  </div>
</div>
[/#escape]
